<template>
  <div :class="['h-naive-title-box', radius, margin]">
    <p class="h-naive-title-top">{{ title }}</p>
    <p class="h-naive-title-bottom">{{ subheading }}</p>
  </div>
</template>

<script setup>
import { ref, toRefs } from "vue";
let props = defineProps(["title", "subheading", "radius", "margin"]);
// props.radius = "radiuss";
let { radius } = toRefs(props);

console.log(radius.value);
</script>

<style scoped>
@import url("@/styles/NavCss/HtitleNav.css");
</style>
